<template>
	<view class="detail">
		<view class="box flexJusp" v-for="(item,index) in list" :key="index">
			<view>
				<view style="font-weight: bold;color: #333333;">{{item.title}}</view>
				<view style="font-size: 26rpx;color: #808080;">{{item.oktime}}</view>
			</view>
			<view style="font-weight: bold;line-height:84rpx;" :style="item.kind==='2'?'color:#FF0000':'color:#1176EF;'"><text v-if="item.kind==='2'">-</text><text v-if="item.kind==='1'">+</text> ￥{{item.price}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[]
			};
		},
		onLoad() {
			this.loads()
		},
		methods:{
			loads(){
				this.$httpapi('mingxi', 'POST',{flag:1}).then(res => {
					this.list = res.data
					console.log(this.list)
				})
			},
		}
	}
</script>

<style lang="scss">
	page{
		background-color:#F7F6FA ;
	}
.detail{
	padding:20rpx 0 0;
	.box{
		width:654rpx;
		height: 84rpx;
		background: #FFFFFF;
		border-radius: 18rpx;
		padding:20rpx 24rpx;
		margin:0 20rpx 16rpx;
	}
}
</style>
